<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit">
    <meta name="keywords" content="畜牧平台" />
    <meta name="description" content="畜牧平台" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta http-equiv="Cache-Control" content="no-siteapp">
    <title>数据可视化</title>
    <link rel="stylesheet" href="/asset/css/common/reset.css">
    <link rel="stylesheet" href="/asset/css/visualization/visualization.css">

</head>
<body>
    <div class="container">
        <div class="left">
            <div class="supply echart_box">
                <div class="supply_title"> 供应产品发布量</div>
                <div id="supply_msg" class="echart_content"></div>
            </div>
           <div class="purchase echart_box">
                    <div class="supply_title"> 采购产品发布量</div>
                    <div id="purchase_msg" class="echart_content"></div>
            </div>
             <div class="read echart_box">
                    <div class="supply_title"> 每日文章阅读总量</div>
                    <div id="read_msg" class="echart_content"></div>
            </div>
        </div>
        <div class="middle">
            <ul class="middle_list clearfix">
                <li>
                    <div class="trade_m"><img src="/asset/image/trade.png" alt=""></div>
                    <div class="trade_num"></div>
                    <div class="trade_title">交易额</div>
                </li>
                <li>
                    <div class="register_img"><img src="/asset/image/register.png" alt=""></div>
                    <div class="register_num"></div>
                    <div class="register_title">注册用户</div>
                </li>
            </ul>
            <div class="map" id="map"></div>
        </div>
        <div class="right">
            <div class="supply_ranking echart_box">
                <div class="supply_title"> 供应分类销量排名</div>
                <div id="ranking_msg" class="echart_content"></div>
            </div>
            <div class="trace_back echart_box">
                <div class="supply_title"> 追溯统计量</div>
                <div id="trace_msg" class="echart_content"></div>
            </div>
            <div class="read_box echart_box">
                <div class="supply_title">文章阅读量排名</div>
                <ul class="read_list">
                    <li>
                        <span class="index"></span>
                        <span class="read_title">文章名称</span>
                        <span class="reading">阅读量</span>
                    </li>
                </ul>
            </div> 
        </div>
    </div>
    <script src="/static/js/jquery-1.11.2.min-1.js"></script>
    <script src="/static/js/echart.min.js"></script>
    <script src="/asset/js/visualization/visualization.js"></script>  
</body>
</html>